
<div class="wrapper wrapper-content">
  <div class="row animated ">
    <div class="col-lg-12">
      <div class="ibox float-e-margins">
        <div class="ibox-content" id="ibox-content">
          <div id="vertical-timeline" class="vertical-container dark-timeline">
            <div class="vertical-timeline-block">
              <div class="vertical-timeline-icon navy-bg">
                <i class="fa fa-calendar"></i>
              </div>

              <div class="vertical-timeline-content">
                <h2>计划</h2>
                <p>患者勾靶完成，正在进行治疗计划。<span style="font-weight: 600">医生：毕武忠</span>
                </p>
                <!--<a href="#" class="btn btn-sm btn-primary"> More info</a>-->
                                    <span class="vertical-date">
                                        星期五 <br/>
                                        <small>2016.08.26 09:20</small>
                                    </span>
              </div>
            </div>

            <div class="vertical-timeline-block">
              <div class="vertical-timeline-icon blue-bg">
                <i class="fa fa-pencil"></i>
              </div>

              <div class="vertical-timeline-content">
                <h2>勾靶</h2>
                <p>重新对患者治疗部位进行勾靶。<span style="font-weight: 600">医生：唐正梅</span></p>
                <!--<a href="#" class="btn btn-sm btn-success"> Download document </a>-->
                                    <span class="vertical-date">
                                        星期四 <br/>
                                        <small>2016.08.25 10:25</small>
                                    </span>
              </div>
            </div>

            <div class="vertical-timeline-block">
              <div class="vertical-timeline-icon navy-bg">
                <i class="fa fa-calendar"></i>
              </div>

              <div class="vertical-timeline-content">
                <h2>计划</h2>
                <p>患者勾靶不通过，重新勾靶。<span style="font-weight: 600">医生：毕武忠</span>
                </p>
                <!--<a href="#" class="btn btn-sm btn-primary"> More info</a>-->
                                    <span class="vertical-date">
                                        星期四 <br/>
                                        <small>2016.08.25 11:24</small>
                                    </span>
              </div>
            </div>

            <div class="vertical-timeline-block">
              <div class="vertical-timeline-icon blue-bg">
                <i class="fa fa-pencil"></i>
              </div>

              <div class="vertical-timeline-content">
                <h2>勾靶</h2>
                <p>对患者治疗部位进行勾靶。<span style="font-weight: 600">医生：唐正梅</span></p>
                <!--<a href="#" class="btn btn-sm btn-success"> Download document </a>-->
                                    <span class="vertical-date">
                                        星期四 <br/>
                                        <small>2016.08.25 09:25</small>
                                    </span>
              </div>
            </div>

            <div class="vertical-timeline-block">
              <div class="vertical-timeline-icon lazur-bg">
                <i class="fa fa-dot-circle-o"></i>
              </div>

              <div class="vertical-timeline-content">
                <h2>定位</h2>
                <p>对患者进行CT定位。<span style="font-weight: 600">医生：李福艳</span></p>
                <!--<a href="#" class="btn btn-sm btn-info">Read more</a>-->
                <span class="vertical-date"> 星期三 <br/><small>2016.08.24 14:35</small></span>
              </div>
            </div>

            <div class="vertical-timeline-block">
              <div class="vertical-timeline-icon yellow-bg">
                <i class="fa fa-cubes"></i>
              </div>

              <div class="vertical-timeline-content">
                <h2>压模</h2>
                <p>患者压模完成。

                  <span style="font-weight: 600">医生：张玲</span>
                </p>
                <span class="vertical-date">星期三<br/>
                  <small>2016.08.24 11:20</small></span>
                <button class="btn btn-primary btn-outline btn-sm " style="margin-right: 20px;">
                  <i class="fa fa-user-md"></i>
                  详情
                </button>

                <button class="btn btn-primary btn-outline btn-sm" style="margin-right: 20px;">
                  <i class="fa fa-user-md"></i>
                  交流
                </button>
              </div>

            </div>

            <div class="vertical-timeline-block">
              <div class="vertical-timeline-icon lazur-bg">
                <i class="fa fa-user"></i>
              </div>

              <div class="vertical-timeline-content">
                <h2>注册</h2>
                <p>患者注册完成。<span style="font-weight: 600">医生：杨名朋</span></p>
                <span class="vertical-date">星期三 <br/><small>2016.08.24 10::30</small></span>
              </div>
            </div>

            <!--<div class="vertical-timeline-block">-->
              <!--<div class="vertical-timeline-icon navy-bg">-->
                <!--<i class="fa fa-comments"></i>-->
              <!--</div>-->

              <!--<div class="vertical-timeline-content">-->
                <!--<h2>Chat with Monica and Sandra</h2>-->
                <!--<p>Web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). </p>-->
                <!--<span class="vertical-date">Yesterday <br/><small>Dec 23</small></span>-->
              <!--</div>-->
            <!--</div>-->
          </div>

        </div>
      </div>
    </div>
  </div>
</div>

<script>
  // Local script for demo purpose only
  $(document).ready(function(){
    $('#lightVersion').click(function(event) {
      event.preventDefault()
      $('#ibox-content').removeClass('ibox-content');
      $('#vertical-timeline').removeClass('dark-timeline');
      $('#vertical-timeline').addClass('light-timeline');
    });
    $('#darkVersion').click(function(event) {
      event.preventDefault()
      $('#ibox-content').addClass('ibox-content');
      $('#vertical-timeline').removeClass('light-timeline');
      $('#vertical-timeline').addClass('dark-timeline');
    });
    $('#leftVersion').click(function(event) {
      event.preventDefault()
      $('#vertical-timeline').toggleClass('center-orientation');
    });
  });
</script>
